<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>About Us - eKoders Admin Template</title>
	
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/fonts.css">
	<link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css">
	
	<!-- PAGE LEVEL PLUGINS STYLES -->
	<link rel="stylesheet" href="../assets/css/plugins/colorBox/colorbox.css">
	
    <!-- Tc core CSS -->
	<link id="qstyle" rel="stylesheet" href="assets/css/themes/style.css">
	
	
    <!-- Add custom CSS here -->

	<!-- End custom CSS here -->
	
    <!--[if lt IE 9]>
    <script src="../assets/js/html5shiv.js"></script>
    <script src="../assets/js/respond.min.js"></script>
    <![endif]-->
	
  </head>

<body>

    <nav class="navbar top-navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="index.html">
                    <img src="../assets/images/logo-big.png" alt="logo" class="img-responsive">
                </a>
            </div>		
            <!-- Top Menu Right-->
			<div class="nav-top">
				<ul class="nav navbar-right">
					<li class="visible-xs">
						<a href="#" class="tooltip-primary" data-placement="right" data-rel="tooltip" title="+ 91 124 2250121">
							<i class="fa fa-phone"></i>
						</a>
					</li>
					<li class="hidden-xs">
						<a href="#">
							<i class="fa fa-phone"></i>
							<span class="bigger-110 hidden-xs">+ 91 124 2250121</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope"></i> <span class="badge up badge-primary">2</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-bell"></i> <span class="badge up badge-success">3</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-tasks"></i> <span class="badge up badge-info">7</span>
						</a>
					</li>
					<li class="dropdown user-box-no-images">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="user-info"> My Account</span> <b class="caret"></b>
						</a>
						<ul class="dropdown-menu dropdown-user">
							<li>
								<a href="../profile.html">
									My Profile
								</a>
							</li>
							<li>
								<a href="../invoice.html">
									My Invoices
								</a>
							</li>
							<li>
								<a href="../login.html">
									Signin
								</a>
							</li>
						</ul>
					</li>
					<!--Search Box-->
					<li class="dropdown nav-search-icon">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="glyphicon glyphicon-search"></span>
						</a>
						<ul class="dropdown-menu dropdown-search">
							<li>
								<div class="search-box">
									<form class="" role="search">
										<input type="text" class="form-control" placeholder="Search" />
									</form>
								</div>
							</li>
						</ul>
					</li>
					<!--Search Box-->
				</ul>
			</div>
            <!-- /.Top Menu -->
		</div>
		
		<div class="top-menu collapse navbar-collapse  navbar-main-collapse">
			<div class="container">
				<!-- Left Menu-->
				<div class="nav-top">
					<ul class="nav navbar-nav navbar-left">
						<li>
							<a href="index.html">Home</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Pages <b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="about-us.html">About Us</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="pricing-tables.html">Pricing Tables</a></li>
							</ul>					
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li>
							<a href="contact.html">Contact Us</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-left pull-right hidden-xs hidden-sm">
						<li>
							<a href="contact.html" class="btn btn-primary">Live Chat</a>
						</li>
					</ul>
				</div>
			</div>
        </div>
        <!-- /.container -->
    </nav>
	
	
	<div class="page-container"><!-- /page container -->

	<!-- /#ek-layout-button -->	
		<div class="qs-layout-menu front">
			<div class="btn btn-gray qs-setting-btn" id="qs-setting-btn">
				<i class="fa fa-cog bigger-150 icon-only"></i>
			</div>
			<div class="qs-setting-box" id="qs-setting-box">										
				<span class="bigger-120">Color Options</span>										
				<div class="hr hr-dotted hr-8"></div>										
				<ul>									
					<li><button class="btn" style="background-color:#d15050;" onclick="swapStyle('assets/css/themes/style.css')"></button></li>
					<li><button class="btn" style="background-color:#86618f;" onclick="swapStyle('assets/css/themes/style-1.css')"></button></li> 
					<li><button class="btn" style="background-color:#ba5d32;" onclick="swapStyle('assets/css/themes/style-2.css')"></button></li>
					<li><button class="btn" style="background-color:#488075;" onclick="swapStyle('assets/css/themes/style-3.css')"></button></li>
					<li><button class="btn" style="background-color:#4e72c2;" onclick="swapStyle('assets/css/themes/style-4.css')"></button></li>
				</ul>											
			</div>
		</div>
	<!-- /#ek-layout-button -->	
	
		<div class="mass-head inner">
			<div class="container">
				<div class="row">
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<h1>About Us<small> It's Nice to Meet You!</small></h1>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
						<ol class="breadcrumb">
							<li><a href="index.html">Home</a></li>
							<li><a href="#">Pages</a></li>
							<li class="active">About Us</li>
						</ol>
					</div>
				</div>
			</div>
		</div>
		
		
		<!--CONTENT-->
		<div class="block-s2">
			<div class="container">
				<!--Company Porfile-->
				<div class="row block-s3">
					<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
						<h3 class="no-margin-top">Welcome to eKoders</h3>
						<p>This is a great place to introduce your company or project and describe what you do. This about page features general company information, employee bios, and other helpful elements.</p>
						
						<div class="space-12"></div>
						
						<div class="row">
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
								<ul class="list-unstyled">
									<li><i class="fa fa-check text-primary bigger-110"></i> Lid est laborum dolo</li>
									<li><i class="fa fa-check text-primary bigger-110"></i> Lid est laborum dolo</li>
									<li><i class="fa fa-check text-primary bigger-110"></i> Lid est laborum dolo</li>
								</ul>
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
								<ul class="list-unstyled padding-15">
									<li><i class="fa fa-check text-primary bigger-110"></i> Lid est laborum dolo</li>
									<li><i class="fa fa-check text-primary bigger-110"></i> Lid est laborum dolo</li>
									<li><i class="fa fa-check text-primary bigger-110"></i> Lid est laborum dolo</li>
								</ul>
							</div>
						</div>
						
						<div class="space-12"></div>
						
						<p>Lid est laborum dolo rumes fugats untras. Etharums ser quidsem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
						
						<div class="space-12 visible-xs"></div>
						
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
						<div class="profile-pic">
							<a href="../assets/images/team-m.jpg" class="team" data-rel="team"><img src="../assets/images/team-m.jpg" class="img-responsive" alt=""></a>
							<div class="space-1"></div>
						</div>
					</div>
				</div>				
				<!--Company Porfile-->
		
			</div>
		</div>
		
		
		<div class="block-s2 light">
			<div class="container">
				<!-- Team Member Profiles -->
				<div class="row">					
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
						<div class="profile-card">
							<img style="width: 100%" src="../assets/images/user-1.jpg" />
							<div class="profile-card-details animate">
								<div class="profile-card-header">
									<h4>Johan Smith</h4>
									<span>aka not a real person</span>
								</div>
								<div class="profile-card-detail">
									<!-- Description -->
									<p>What does this team member do? Keep it short! This is also a great spot for social links!</p>

									<ul class="social">
										<li>
											<a href="#facebook-profile" class="btn btn-facebook btn-sm tooltip-primary " data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook icon-only bigger-110"></i></a>
										</li>
										<li>
											<a href="#twitter-profile" class="btn btn-twitter btn-sm tooltip-primary" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter icon-only bigger-110"></i></a>
										</li>
										<li>
											<a href="#google-plus-profile" class="btn btn-googleplus btn-sm tooltip-primary" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus icon-only bigger-110"></i></a>
										</li>
									</ul>
						
								</div>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
						<div class="profile-card">
							<img style="width: 100%" src="../assets/images/user-2.jpg" />
							<div class="profile-card-details animate">
								<div class="profile-card-header">
									<h4>Johan Smith</h4>
									<span>aka not a real person</span>
								</div>
								<div class="profile-card-detail">
									<!-- Description -->
									<p>What does this team member do? Keep it short! This is also a great spot for social links!</p>

									<ul class="social">
										<li>
											<a href="#facebook-profile" class="btn btn-facebook btn-sm tooltip-primary " data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook icon-only bigger-110"></i></a>
										</li>
										<li>
											<a href="#twitter-profile" class="btn btn-twitter btn-sm tooltip-primary" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter icon-only bigger-110"></i></a>
										</li>
										<li>
											<a href="#google-plus-profile" class="btn btn-googleplus btn-sm tooltip-primary" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus icon-only bigger-110"></i></a>
										</li>
									</ul>
						
								</div>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
						<div class="profile-card">
							<img style="width: 100%" src="../assets/images/user-3.jpg" />
							<div class="profile-card-details animate">
								<div class="profile-card-header">
									<h4>Johan Smith</h4>
									<span>aka not a real person</span>
								</div>
								<div class="profile-card-detail">
									<!-- Description -->
									<p>What does this team member do? Keep it short! This is also a great spot for social links!</p>

									<ul class="social">
										<li>
											<a href="#facebook-profile" class="btn btn-facebook btn-sm tooltip-primary " data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook icon-only bigger-110"></i></a>
										</li>
										<li>
											<a href="#twitter-profile" class="btn btn-twitter btn-sm tooltip-primary" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter icon-only bigger-110"></i></a>
										</li>
										<li>
											<a href="#google-plus-profile" class="btn btn-googleplus btn-sm tooltip-primary" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus icon-only bigger-110"></i></a>
										</li>
									</ul>
						
								</div>
							</div>
						</div>
					</div>
					
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
						<div class="profile-card">
							<img style="width: 100%" src="../assets/images/user-4.jpg" />
							<div class="profile-card-details animate">
								<div class="profile-card-header">
									<h4>Johan Smith</h4>
									<span>aka not a real person</span>
								</div>
								<div class="profile-card-detail">
									<!-- Description -->
									<p>What does this team member do? Keep it short! This is also a great spot for social links!</p>

									<ul class="social">
										<li>
											<a href="#facebook-profile" class="btn btn-facebook btn-sm tooltip-primary " data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook icon-only bigger-110"></i></a>
										</li>
										<li>
											<a href="#twitter-profile" class="btn btn-twitter btn-sm tooltip-primary" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter icon-only bigger-110"></i></a>
										</li>
										<li>
											<a href="#google-plus-profile" class="btn btn-googleplus btn-sm tooltip-primary" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus icon-only bigger-110"></i></a>
										</li>
									</ul>
						
								</div>
							</div>
						</div>
					</div>
					
				</div>
				<!-- Team Member Profiles -->

			</div>
		</div>
			
		<div class="block-s3">
			<div class="container">
				<div class="row block-s3">
					<!--Testimonials-->
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12" id="testimonials">
						<h3>Testimonials</h3>	
						<div id="myCarousel" class="carousel slide">
							<!-- Carousel items -->
							<div class="carousel-inner">
								<div class="item active">
									<div class="testimonials-slide">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit, eget pretium nisl accumsan. Sed ultricies commodo tortor, eu pretium mauris.</div>
										<div class="carousel-info">
                                    <img class="pull-left" src="../assets/images/user-2.jpg" alt="">
                                    <div class="pull-left">
                                        <span class="testimonials-name">Elly Martel</span>
                                        <span class="testimonials-post">Red Publicity, LLC</span>
                                    </div>
                                </div>
                            </div>
								<div class="item">
									<div class="testimonials-slide">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit, eget pretium nisl accumsan. Sed ultricies commodo tortor, eu pretium mauris.</div>
									<div class="carousel-info">
										<img class="pull-left" src="../assets/images/user-3.jpg" alt="">
										<div class="pull-left">
											<span class="testimonials-name">Jack Sparrow</span>
											<span class="testimonials-post">Ztek Publicity, LLC</span>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="testimonials-slide">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit, eget pretium nisl accumsan. Sed ultricies commodo tortor, eu pretium mauris.</div>
									<div class="carousel-info">
										<img class="pull-left" src="../assets/images/user-4.jpg" alt="">
										<div class="pull-left">
											<span class="testimonials-name">Maris Bradley</span>
											<span class="testimonials-post">New Publicity, LLC</span>
										</div>
									</div>
								</div>
							</div>

							<!-- Carousel nav -->
							<a class="left-btn" href="#myCarousel" data-slide="prev"></a>
							<a class="right-btn" href="#myCarousel" data-slide="next"></a>
						</div>						
					</div>
					<!--Testimonials-->
					
					<!--Skills-->
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<div class="portlet no-border">
							<div class="portlet-heading">
								<div class="portlet-title">
									<h3>Our Skills</h3>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="portlet-body skills">
								<div class="progress" data-percent="75%">
									<div class="progress-bar" role="progressbar" style="width: 75%">
										<span class="sr-only">75% Complete</span>
									</div>
									<span class="progress-type">HTML / HTML5</span>
									<span class="progress-completed">75%</span>
								</div>
								<div class="progress" data-percent="40%">
									<div class="progress-bar progress-bar-primary" role="progressbar" style="width: 40%">
										<span class="sr-only">40% Complete</span>
									</div>
									<span class="progress-type">ASP.Net</span>
									<span class="progress-completed">40%</span>
								</div>
								<div class="progress" data-percent="26%">
									<div class="progress-bar progress-bar-info" role="progressbar" style="width: 26%">
										<span class="sr-only">26% Complete</span>
									</div>
									<span class="progress-type">Java</span>
									<span class="progress-completed">26%</span>
								</div>
								<div class="progress" data-percent="80%">
									<div class="progress-bar progress-bar-success" role="progressbar" style="width: 80%">
										<span class="sr-only">80% Complete</span>
									</div>
									<span class="progress-type">jQuery / JavaScript</span>
									<span class="progress-completed">80%</span>
								</div>
							</div>
						</div>					
					</div>
					<!--Skills-->					
				</div>

			</div>
		</div>
		<!--CONTENT-->

		<!--Footer-->
		<div class="block-footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features <span class="badge badge-primary">New</span></a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
					
						<h4>About Us</h4>
						<div class="well">
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting dustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
						</div>
						
						<h4>Contact Us</h4>
						<ul class="list-inline">
							<li><i class="fa fa-phone"></i> (123) 456-7890</li>
							<li><i class="fa fa-envelope"></i> Sale.dtp@example.com</li>
						</ul>
						
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 social">
						<h4>Follow Us</h4>
						<ul class="list-inline">
							<li><a href="#" class="btn btn-circle btn-facebook btn-xs"><i class="fa fa-facebook icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-googleplus btn-xs"><i class="fa fa-google-plus icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-twitter btn-xs"><i class="fa fa-twitter icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-linkedin btn-xs"><i class="fa fa-linkedin icon-only"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="row copyright">
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<p>2014 © eKoders, All rights reserved.</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<ul class="list-inline">
							<li><a href="#">Privacy Policy</a></li>
							<li><a href="#">Terms of Use</a></li>
							<li><a href="#">Refund Policy</a></li>
							<li><a href="#">License</a></li>
						</ul>						
					</div>
				</div>
			</div>
		</div>
		
		<a id="back-to-top" href="#" class="btn btn-primary btn-sm back-to-top" role="button"><i class="fa fa-angle-double-up icon-only bigger-110"></i></a>
		<!--End Footer-->
		
	</div><!-- /page container -->
    
	
    <!-- core JavaScript -->
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
	<script src="../assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../assets/js/plugins/pace/pace.min.js"></script>
	
	<!-- PAGE LEVEL PLUGINS JS -->
	<script src="../assets/js/plugins/colorBox/jquery.colorbox-min.js"></script>
	
    <!-- Themes Core Scripts -->	
	<script src="../assets/js/main.js"></script>

	<!-- initial page level scripts for examples -->	
	<script type="text/javascript">
		// init variables require for all front pages
			Apps.initNavTopBar();
		// end
		
		$(document).ready(function(){			
			$('a.team').colorbox({
				rel:'team',
				close:'<i class="fa fa-times text-danger"></i>',
				maxWidth:'100%',
				maxHeight:'100%',				
			});
		});
	</script>
</body>

</html>
